﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登录界面</title>
<style>

body{font-family:"宋体", "微软雅黑";color:#111; }
.waicen{ width:1024px; height:500px; background:#00CCCC; background:url(images/shu1.jpg)no-repeat 0 0;margin:10px 65px;}
#aaa{width:300px; height:430px;background:#FFFFFF;margin:20px 900px; padding:25px; background:url(images/shu.jpg)}
#userlogin h2{font-size:20px;line-height:32px;margin-bottom:20px;}
#userlogin p{margin-bottom:25px;}
.input-text{border:1px #ccc solid;height:33px;width:248px;background:url(images/name.png)no-repeat 0 0; padding-left:50px;font-size:14px;font-family:"宋体", "微软雅黑";}
.input-pwd{ background-image:url(images/pwd.png);}
.input-btn{ display:block; width:300px; height:40px; border:0; background:#9a0002;color:#fff; font-family:"宋体", "微软雅黑"; font-size:16px; font-weight:bold; letter-spacing:5px; border-radius:5px;}
.input-btn:hover{background:#d10003; cursor:pointer;}
#userlogin h6{text-align:right;}
#userlogin h6 a{color:#FFFFFF; text-decoration:none; font-weight:normal; margin-right:12px;}
#userlogin h6 a:hover{color:#0000FF;}
#userlogin a1{ font-family:"楷体";font-size:16px;}
.tu{ margin:5px 100px;}
</style>
</head>
<div class="tu">
<p><a href="index.php"><img src="images/网站标志.jpg"/></a></p>
 </div>
<div class="waicen">

<form action="post" name="userlogin" id="userlogin">

<div id="aaa">
<h2><center>登录界面</center></h2>
<p><input type="text" class="input-text" placeholder="手机号/会员名/邮箱" autofocus 

required /></p>
<p><input  class="input-text input-pwd" type="password" name="password"/></p>
<p><input type="checkbox" /><a1><b>记住密码

</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a1><input type="checkbox" 

/><a1><b>自动登录</b></a1></p>
<p><input class="input-btn" type="submit" value="登录"  /></p>
<h3>合作帐号</h3><br />
<p><a href="lianxiwomen.html"><img src="images/QQ.png"  width="100" height="27"/></a><a href="lianxiwomen.html"><img 

src="images/weixin1.png" width="100" height="27"/></a><a href=""><img 

src="images/weibo1.png" width="100" height="27" /></a></p>
<h6><a href="wangji.php">忘记密码</a><a href="zhuce.php">免费注册</a></h6>
</div>
</form>


</div>


 
<body>
</body>
</html>
